<script setup lang='ts'>

</script>

<template>
  <div class="container">
    <div class="header">
    </div>
    <div class="body">
      <!-- 挖坑 -->
      <slot >//使用slot接受传过来的东西
        <!-- 默认内容 当没有内容传入的时候生效  -->
        <h1>我是默认的</h1>
      </slot>
    </div>
    <div class="footer">
    </div>
  </div>
</template>

<style scoped>
.header {
  width: 100%;
  height: 100px;
  background-color: aquamarine;
}
.footer {
  width: 100%;
  height: 100px;
  background-color: aquamarine;
}

.body {
  height: 600px;
  background-color: blueviolet;
  /* overflow: hidden; */
  overflow-y: auto;
}
</style>